@charset "UTF-8";

body,html,ul {
	padding: 0;
	margin: 0;
}

body,html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #333;
	line-height: 1.8;
	background: #f0f0f0;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
}

.index.isGray {
	-webkit-filter: grayscale(1);
}

ul li {
	list-style-type: none;
}

h2 {
	font-size: 20px;
}

h1,h2,h3 {
	font-weight: 700;
}

.min-hight {
	min-height: 400px!important;
}

#qrcode {
	background-color: #fff;
	position: absolute;
	left: 25px;
	top: 20px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
}

.info {
	width: 100%;
	height: 56px;
	position: absolute;
	top: 160px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

input[type=text],input[type=email],input[type=url],input[type=password] {
	padding: 5px;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	outline: 0;
}

textarea {
	padding: 5px;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 2px;
	box-sizing: border-box;
	outline: 0;
	resize: vertical;
}

textarea.form-control {
	background: #fdfdfd!important;
	color: #222;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	overflow: auto;
	padding: 10px;
}

.share-list .share-item {
	float: left;
	margin: 0 15px 0 0;
	border-radius: 50%;
	background-color: #e60012;
	width: 32px;
	height: 32px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}

.share-list .share-item .iconfont {
	font-size: 18px;
}

.clear {
	clear: both;
}

a:active,a:link,a:visited {
	text-decoration: none;
	color: #333;
}

a:focus {
	outline: 0;
}

a {
	text-decoration: none;
	-webkit-transition: all .1s ease-in 0s;
	transition: all .1s ease-in 0s;
}

a:hover {
	text-decoration: none;
	color: #e60012;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: 3px solid #e60012;
}

header {
	-webkit-transition: height .5s ease;
	transition: height .5s ease;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	border: 0;
	background-color: #fff;
	border-bottom: 3px solid #c41221;
	height: 100px;
	font-size: 19px;
}

header .activity,header .site-name {
	float: left;
	height: 97px;
	line-height: 97px;
	position: relative;
}

header .activity a,header .site-name a {
	text-decoration: none;
	color: #333;
	height: 62px;
	display: table-cell;
	vertical-align: middle;
}

header .activity:hover .qr,header .site-name:hover .qr {
	display: block;
}

header .activity .qr,header .site-name .qr {
	left: 95px;
	top: 70px;
	display: none;
	position: absolute;
	padding: 13px 19px;
	z-index: 3;
	width: 171px;
	background-color: #fff;
	height: 192px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

header .activity .qr .qr-des,header .site-name .qr .qr-des {
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	color: rgba(0,0,0,.3);
}

header .activity {
	position: absolute;
	left: 10px;
	top: -20px;
	padding: 0;
}

header .site-nav {
	display: block;
	padding-left: 15px;
}

header .site-nav ul li {
	margin: 0 8px;
	display: inline-block;
	list-style-type: circle;
	line-height: 62px;
}

header #navWrapper #navScroller ul li {
	display: inline-block;
	padding: 0 20px;
	line-height: 62px;
}

header .topNav {
	line-height: 62px;
}

header .topNav .navbar-right {
	margin-right: 0;
}

header .topNav .navbar-right li {
	font-size: 14px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}

header .topNav .navbar-right li.dropdown .dropdown-menu li {
	display: block;
	height: 30px;
	line-height: 30px;
}

.carousel .ProductIntroduction {
	position: relative;
	width: 100%;
	max-width: 895px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 25px #ccc;
	margin-bottom: 15px;
}

.carousel .ProductExhibition {
	position: relative;
	width: 100%;
	height: 0;
	max-width: 295px;
	float: right;
}

.carousel .ProductExhibition .Exhibition_num .Exhibition_item {
	padding-left: 25px;
	margin-right: 15px;
	height: 120px;
	border-bottom: 1px solid #efefef;
	padding-top: 12px;
	box-sizing: border-box;
	position: relative;
}

.carousel .ProductExhibition .Exhibition_num .Exhibition_item .title {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	line-height: 24px;
}

.carousel .ProductExhibition .Exhibition_num .Exhibition_item.czt_active .title {
	color: #333;
	font-weight: 600;
}

.carousel .ProductExhibition .Exhibition_num .Exhibition_item .time {
	color: #a8a8a8;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	bottom: 8px;
}

.carousel .ProductExhibition .Exhibition_num .Exhibition_item img {
	width: 193px;
	height: 130px;
	opacity: .5;
	vertical-align: top;
	box-sizing: border-box;
}

.carousel .ProductExhibition_box,.carousel .ProductExhibition_box .Exhibition_Img,.carousel .ProductExhibition_box .Exhibition_Img img {
	width: 100%;
	height: 360px;
}

.carousel .ProductExhibition_box .Exhibition_Img img {
	box-sizing: border-box;
}

.carousel .Exhibition_items {
	cursor: pointer;
	position: absolute;
	right: 28px;
	top: 13px;
	width: 1px;
	height: 92px;
	box-sizing: border-box;
	border: 0;
	border-radius: 3px;
}

.carousel .icon_LImg img,.carousel .icon_RImg img {
	width: 5px;
	height: 9px;
}

.carousel .icon_LImg,.carousel .icon_RImg {
	position: absolute;
	z-index: 30;
	width: 26px;
	height: 26px;
	border-radius: 2rem;
	background-color: #000;
	text-align: center;
	line-height: 23px;
	opacity: .5;
}

.carousel .icon_LImg {
	top: -50px;
	-webkit-transition: all .3s;
	transition: all .3s;
	right: 85px;
}

.carousel .icon_RImg {
	right: 85px;
	-webkit-transition: all .3s;
	transition: all .3s;
	top: 640px;
}

.carousel .icon_LImg:focus,.carousel .icon_LImg:hover,.carousel .icon_RImg:focus,.carousel .icon_RImg:hover {
	opacity: .8;
}

.carousel .ProductExhibition:hover .icon_LImg {
	top: -50px;
}

.carousel .ProductExhibition:hover .icon_RImg {
	top: 594px;
}

.carousel .icon_LImg img {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.carousel .icon_RImg img {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.carousel .ProductExhibition_wrap {
	position: relative;
	width: 600px;
	height: 360px;
}

.carousel .ProductExhibition_box {
	position: absolute;
	height: 120000px;
}

.carousel .ProductExhibition_box img {
	width: 600px;
	height: auto;
}

.carousel .carousel-inner {
	height: 100%;
}

.carousel .carousel-inner img {
	width: 100%;
}

.normal-img-ads {
	margin-bottom: 15px;
}

.normal-img-ads a img {
	width: 100%;
}

.normal-text-ads ul li {
	display: inline-block;
}

.top-rec-contents {
	padding: 0 15px 0 0;
}

.top-rec-contents .rec-li {
	position: relative;
	margin-bottom: 10px;
}

.top-rec-contents .rec-li .contentImg {
	height: 7.2rem;
}

.top-rec-contents .rec-li .contentImg img {
	width: 100%;
	height: 100%;
}

.top-rec-contents .rec-li .title {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,.3);
	width: 100%;
	color: #fff;
	text-indent: 10px;
}

.top-rec-contents .slider-des {
	height: 430px;
	position: relative;
}

.top-rec-contents .slider-des .slider-des-title {
	margin-top: 0;
	font-size: 30px;
	font-weight: 600;
	line-height: 42px;
}

.top-rec-contents .slider-des .slider-des-content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}

.top-rec-contents .slider-des .slider-des-time {
	color: #9d9d9d;
	font-size: 14px;
	position: absolute;
	bottom: 5px;
	right: 35px;
}

.top-rec-contents .slider-des .slider-des-time .up-time {
	margin-left: 15px;
}

.contentImg {
	overflow: hidden;
	-webkit-transition: -webkit-box-shadow .3s ease 0s;
	-webkit-transition: box-shadow .3s ease 0s;
	transition: box-shadow .3s ease 0s;
}

.contentImg img {
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	max-width: 100%;
}

.contentImg img:hover {
	-webkit-transform: translateY(-50%) scale(1.03)!important;
	transform: translateY(-50%) scale(1.03)!important;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.contentImg:hover {
	box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
	-webkit-transition: -webkit-box-shadow .3s ease 0s;
	-webkit-transition: box-shadow .3s ease 0s;
	transition: box-shadow .3s ease 0s;
}

@-webkit-keyframes wordsLoop {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	80% {
		-webkit-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-800px);
		transform: translateX(-800px);
		opacity: 0;
	}
}

@keyframes wordsLoop {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	80% {
		-webkit-transform: translateX(-600px);
		transform: translateX(-600px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-800px);
		transform: translateX(-800px);
		opacity: 0;
	}
}

.mainbody {
	margin-top: 62px;
}

.mainbody .main-container {
	margin-top: 10px;
}

.mainbody .main-container .marquee {
	margin: 0 -15px 20px;
	background-color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding: 11px 10px;
	color: #333;
	box-sizing: border-box;
	min-height: 100px;
}

.mainbody .main-container .marquee .marquee-item {
	margin-bottom: 14px;
	overflow: hidden;
	padding-left: 20px;
	position: relative;
}

.mainbody .main-container .marquee .marquee-item:last-of-type {
	margin-bottom: 0;
}

.mainbody .main-container .marquee .marquee-item .left {
	z-index: 3;
	position: absolute;
	left: 0;
	top: 0;
}

.mainbody .main-container .marquee .marquee-item .pmd {
	width: 200%;
	height: 25px;
	display: inherit;
	-webkit-animation: 14s wordsLoop linear 3s infinite;
	animation: 14s wordsLoop linear 3s infinite;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.mainbody .main-container .marquee .marquee-item a {
	color: #333;
	position: relative;
	font-weight: 700;
	margin-left: 40px;
}

.mainbody .main-container .marquee .marquee-item a:first-of-type {
	margin-left: 0;
}

.mainbody .main-container .marquee .marquee-item a:last-of-type::after {
	background-color: transparent;
}

.mainbody .main-container .marquee .marquee-item a::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	right: -20px;
	top: 50%;
	margin-top: -2px;
}

.mainbody .main-container .left-frame {
	background-color: #f0f0f0;
	padding-right: 0;
}

.mainbody .main-container .list-type-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 50px;
}

.mainbody .main-container .list-type-btn .type-card,.mainbody .main-container .list-type-btn .type-list {
	min-width: 105px;
	cursor: pointer;
	height: 30px;
	padding: 0 15px;
	border: 1px solid transparent;
	position: relative;
}

.mainbody .main-container .list-type-btn .active {
	color: #fff;
}

.mainbody .main-container .articel-details .left-frame {
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 5px;
}

.mainbody .main-container .articel-details .articel-main {
	padding: 25px 110px 100px;
	background-color: #fff;
}

.mainbody .main-container .articel-details .articel-main .post-title {
	font-size: 30px;
	color: #444;
}

.mainbody .main-container .articel-details .articel-main .container {
	width: inherit!important;
}

.mainbody .main-container .articel-details .post-meta {
	position: relative;
}

.mainbody .main-container .articel-details .post-meta li {
	display: inline-block;
	margin: 0 5px;
}

.mainbody .main-container .articel-details .content-author {
	color: #969696;
	margin: 15px 0;
}

.mainbody .main-container .articel-details .content-author li.author-name {
	color: #e60012;
}

.mainbody .main-container .articel-details .tag-list {
	margin: 20px 0;
}

.mainbody .main-container .articel-details .tag-list ul li {
	display: inline-block;
	margin: 5px;
}

.mainbody .main-container .articel-details .tag-list ul li .label-info {
	color: #e60012;
	background: #ecf5ff;
	padding: 8px 20px;
	border-color: #b3d8ff;
}

.mainbody .main-container .articel-details .tag-list ul li .label-info a:link,.mainbody .main-container .articel-details .tag-list ul li .label-info a:visited {
	color: #e60012;
}

.mainbody .main-container .articel-details .tag-list ul li .label-info:hover {
	background: #e60012;
	border-color: #e60012;
	color: #fff;
}

.mainbody .main-container .articel-details .tag-list ul li .label-info:hover a:link,.mainbody .main-container .articel-details .tag-list ul li .label-info:hover a:visited {
	color: #fff;
}

.mainbody .main-container .articel-details .near-article {
	margin: 40px 0;
}

.mainbody .main-container .articel-details .near-article ul li {
	height: 30px;
	line-height: 30px;
}

.mainbody .main-container .articel-details .post-content {
	margin-top: 30px;
	font-size: 18px;
	color: #444;
	min-height: 70px;
}

.mainbody .main-container .articel-details .post-content video {
	min-width: 600px!important;
}

.mainbody .main-container .articel-details .post-content img {
	width: 96%!important;
	max-width: 96%!important;
	height: auto!important;
}

.mainbody .main-container .articel-details .post-content .img-bitmap-box {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.mainbody .main-container .articel-details .post-content section p {
	text-indent: 2em!important;
}

.mainbody .main-container .articel-details .post-content div>img {
	margin-left: 50%!important;
	-webkit-transform: translateX(-50%)!important;
	transform: translateX(-50%)!important;
}

.mainbody .main-container .articel-details .post-content p {
	text-indent: 2em!important;
}
video {
    text-indent: 0 !important;
        display: block;
    margin-left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 96% !important;
    aspect-ratio: 1/0.563;
    font-size: 50px !important;
    background: #000 !important;
}




.mainbody .main-container .articel-details .post-content p img {
	display: block;
	margin-left: 50%!important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mainbody .main-container .articel-details .post-content p.rmt_editor {
	text-align: initial!important;
}

.mainbody .main-container .articel-details .post-content p strong {
	width: 100%;
}

.mainbody .main-container .articel-details .post-content p b {
	display: inline-block;
	width: 100%;
}

.mainbody .main-container .column-wrap {
	position: relative;
	font-size: 20px;
	color: #303030;
	background-color: #fff;
	padding: 0 15px;
}

.mainbody .main-container .column-wrap h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 48px;
	font-weight: 500;
	color: #333;
	border-bottom: 1px solid #EFEFEF;
}

.mainbody .other {
	border: 1px solid #f5f5f5;
	background-color: #fff;
	padding: 0 10px;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin: 20px 0;
}

.mainbody .cmscase-pannel .column-wrap {
	position: relative;
}

.mainbody .cmscase-pannel .column-wrap .gitstar {
	position: absolute;
	right: 18px;
	top: 10px;
}

.mainbody .cmscase-pannel .cmscase-container {
	margin: 0;
	min-height: 500px;
	background-color: #fff;
	padding: 50px 0;
}

.mainbody .user-pannel {
	padding: 0 15px;
}

.mainbody .user-pannel .pannel-container {
	background: #fff;
	padding: 15px;
}

.mainbody .user-pannel .pannel-container .left-frame {
	padding-left: 0;
}

.mainbody .user-pannel .pannel-container .right-frame,.mainbody .user-pannel .pannel-container .right-frame .recent-content-list {
	padding: 0;
}

.mainbody .user-pannel .setPwd-box .top-bar,.mainbody .user-pannel .uInfos .top-bar {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}

.mainbody .user-pannel .setPwd-box .top-bar i,.mainbody .user-pannel .uInfos .top-bar i {
	margin-right: 10px;
}

.mainbody .user-pannel .setPwd-box .btn-primary,.mainbody .user-pannel .uInfos .btn-primary {
	padding: 10px 50px;
	font-size: 15px;
}

.mainbody .user-contents .pannel-container .left-frame {
	min-height: 500px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents {
	background: #fff;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs {
	background-color: #444;
	width: 100%;
	z-index: 100;
	padding: 10px;
	text-align: left;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li {
	font-weight: 500;
	margin-right: 10px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a {
	border-radius: 4px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:link,.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:visited {
	color: #fff;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li a:hover {
	background: 0 0;
	border: 1px solid transparent;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li:hover {
	background-color: #555;
	border-radius: 4px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .nav-tabs li.active a {
	background-color: #e60012;
	border: 0;
	border-radius: 4px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content {
	padding: 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents {
	padding-bottom: 50px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents .um-profile-note {
	color: #666;
	text-align: center;
	padding-top: 60px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .no-contents .um-profile-note i {
	display: block;
	font-size: 70px;
	height: 70px;
	line-height: 70px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList,.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList,.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList {
	min-height: 300px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription {
	border-bottom: 1px solid rgba(151,151,151,.4);
	padding-top: 20px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-title {
	position: relative;
	margin: 0 0 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-title .contentState {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-weight: 700;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-content {
	color: #666;
	line-height: 30px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-meta li {
	display: inline-block;
	border: none;
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	padding: 20px 0;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myContentList .discription .post-meta li i {
	margin-right: 5px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList {
	padding: 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px dashed #ededed;
}

.mainbody .user-contents-post .main-form,.mainbody .user-contents-post .right-form {
	padding: 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title {
	color: #e60012;
	display: inline-block;
	font-size: 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title i {
	width: 15px;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
	font-weight: 700;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title.noRead {
	font-weight: 700;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-title.isRead {
	font-weight: 400;
	color: #909090;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-content {
	display: none;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .notify-content p {
	margin: 10px 10px 10px 30px;
	font-size: 15px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myMessageList ul li .opt {
	position: absolute;
	top: 12px;
	right: 0;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList {
	background-color: #fff;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li {
	font-size: 14px;
	position: relative;
	padding-left: 15px;
	border-bottom: 1px dashed #ededed;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li h4 {
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li time {
	float: right;
	color: #8492a6;
	font-size: 12px;
	margin-right: 30px;
}

.mainbody .user-contents .pannel-container .left-frame .my-contents .tab-content .myJoinTopicsList .replyList li blockquote {
	color: #475669;
}

.mainbody .user-contents-post {
	background-color: #fff;
	margin: 0;
}

.mainbody .user-contents-post .main-form .select-group select {
	display: inline-block;
	width: 30%;
	margin-right: 10px;
}

.mainbody .user-contents-post .right-form .sub-content {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 15px;
}

.mainbody .user-contents-post .right-form .webuploader-pick {
	padding: 6px 15px;
	background-color: #e60012;
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo {
	position: relative;
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .uploader-list .thumbnail {
	height: 15rem;
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .uploader-list .thumbnail img {
	width: 100%;
	height: 100%;
}

.mainbody .user-contents-post .right-form .thumbImg .uploader-demo .trashIco {
	display: none;
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	padding: 8px;
	font-size: 22px;
	color: #fff;
	background: rgba(0,0,0,.55);
	cursor: pointer;
}

.mainbody .user-container {
	padding-top: 15px;
}

.mainbody .user-container .login-main {
	background-color: #fff;
}

.mainbody .user-container .login-main .login-box {
	width: 50%;
	margin: 20px auto 0;
	padding: 20px 0 100px;
}

.mainbody .user-container .login-main .login-box .title {
	text-align: center;
	font-size: 24px;
	position: relative;
}

.mainbody .user-container .login-main .login-box .forget-psd {
	margin-top: 30px;
	text-align: center;
}

.mainbody .user-container .login-main .form-group label {
	line-height: 22px;
	padding-bottom: 8px!important;
	font-weight: 600;
	font-size: 15px;
}

#detail .right .right-recm .news,.top-news {
	font-size: 16px;
}

.mainbody .user-container .login-main .sub-btns button {
	width: 100%;
	padding: 12px 20px;
}

#detail {
	border: none;
	width: 1199px;
	background-color: #f0f0f0;
}

#detail .right {
	margin-top: 15px;
}

#detail .right .right-recm {
	padding: 0 10px;
	border: 1px solid #efefef;
	cursor: pointer;
}

#detail .right .right-recm .news li {
	line-height: 32px;
}

#detail .right .right-recm .news li:hover {
	color: red;
}

.top-news {
	color: #e60012;
	font-weight: 500;
	padding: 15px 0;
	margin: 8px 0 0;
	border-bottom: solid 1px #efefef;
	background-color: #fff;
}

.top-news span {
	padding-bottom: 15px;
	border-bottom: 2px solid #e60012;
}

.post-list {
	background: #f0f0f0;
}

.post-list .post.list-box {
	display: none;
}

.post-list .post.list-box .row {
	border: 1px solid rgba(151,151,151,.4);
}

.post-list .post.list-box .row .post-item {
	border: none;
	border-bottom: 1px solid rgba(151,151,151,.4);
}

.post-list .post.list-box .row .post-item .post-discription .post-title {
	height: 30px;
	margin: 5px 0 20px;
}

.post-list .post:last-child {
	border: none;
}

.post-list .post .home-carousel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.post-list .post .home-carousel .carousel-item,.post-list .post .post-item .post-discription .post-content,.post-list .post .post-item .post-discription .post-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.post-list .post .home-carousel .carousel-item {
	height: 72px;
	margin: 20px 0;
	padding: 0 20px;
	border-right: 2px solid #efefef;
	font-size: 22px;
	line-height: 36px;
	font-weight: 700;
	-webkit-line-clamp: 2;
}

.post-list .post .home-carousel .carousel-item:last-child {
	border: none;
}

.post-list .post .post-item {
	border: 1px solid rgba(151,151,151,.4);
	padding: 14px 15px;
	margin-left: -1px;
	margin-top: -1px;
	height: 320px;
	overflow: hidden;
	max-width: 33.3%;
	background-color: #fff;
}

.post-list .post .post-item:last-child {
	margin-right: -1px;
}

.post-list .post .post-item .post-discription .post-title {
	margin: 20px 0;
	font-size: 18px;
	color: #333;
	font-weight: 700;
	-webkit-line-clamp: 2;
}

.post-list .post .post-item .post-discription .post-content {
	font-size: 16px;
	color: #747474;
	line-height: 31px;
	min-height: 100px;
	-webkit-line-clamp: 3;
}

.post-list .post .post-item .post-discription .share {
	position: absolute;
	left: 15px;
	bottom: 10px;
}

.post-list .post .discription {
	min-height: 17rem;
}

.post-list .post .discription h2 {
	font-weight: 500;
	font-size: 20px;
}

.post-list .post .discription h2 .sticky-post {
	display: inline-block;
	padding: 0 5px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	background: #3ca5f6;
	border-radius: 3px;
	vertical-align: top;
	background-image: -webkit-linear-gradient(left,#3ca5f6 0,#a86af9 100%);
	background-image: linear-gradient(90deg,#3ca5f6 0,#a86af9 100%);
}

.post-list .post .discription .post-content {
	font-size: 14px;
	margin: 10px 0;
	color: #666;
	min-height: 70px;
}

.post-list .post .discription .searchkey {
	color: #e60012;
	font-weight: 500;
}

.post-list .post .contentImg {
	display: inline-block;
	height: 170px;
	overflow: hidden;
}

.post-list .post .contentImg img {
	margin-top: 85px;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	width: 356px;
}

.post-list .post .contentImg img.tagImg {
	height: auto;
	margin-top: 15px;
	width: 356px;
}

.post-list .post .post-title {
	margin: 0;
	font-size: 22px;
	word-break: break-all;
	font-weight: 500;
	line-height: 1.4;
}

.post-list .post .post-title.tagTitle {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.post-list .post .post-meta {
	color: #999;
}

.post-list .post .post-meta.content-des {
	font-size: 14px;
	float: left;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.post-list .post .post-meta.content-des-list {
	padding-top: 30px;
}

.post-list .post .post-meta .contentType,.post-list .post .post-meta.content-des-list span {
	margin-right: 10px;
}

.post-list .post .post-meta li {
	display: inline-block;
	margin-right: 15px;
	font-size: 13px;
}

.post-list .post .post-meta li .contentType {
	margin-right: 10px;
}

.post-list .post .post-meta li:last-child {
	margin-right: 0;
}

.post-list .post .post-meta li i {
	font-size: 14px;
	margin-right: 5px;
	cursor: pointer;
}

.post-list .post .post-meta li.author {
	margin-right: 20px;
}

.post-list .post .post-meta li.author .logo {
	display: inline-block;
	vertical-align: middle;
}

.post-list .post .post-meta li.author .logo img {
	border-radius: 50%;
	width: 22px;
	height: 22px;
}

.post-list .post .post-meta li.author span {
	display: inline-block;
	margin-left: 10px;
}

#footer .footer-about,.post-list.list .post-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.post-list .post .comment-count {
	float: right;
	margin-top: -30px;
}

.post-list .post .item-category {
	z-index: 1;
	position: absolute;
	left: 26px;
	top: 10px;
	padding: 5px 6px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background-color: #000;
	filter: alpha(opacity=60);
	background: rgba(0,0,0,.5);
	border-radius: 2px;
	text-decoration: none;
}

.post-list .post:hover {
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.post-list.list {
	padding: 15px;
}

.post-list.list .post-item {
	display: flex;
	height: auto;
	max-width: 100%;
	position: relative;
}

.post-list.list .post-item:last-child {
	margin-right: 15px;
}

.post-list.list .post-item .contentImg {
	margin-right: 20px;
}

.post-list.list .post-item .contentImg .img-responsive {
	width: 336px;
	height: 216px;
}

.post-list.list .post-item .post-discription {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.loading-flag {
	text-align: center;
	color: #aaa;
}

.archive-title {
	color: #999;
	font-size: 1em;
	margin: 0 0 20px;
}

.cateList,.friendLink,.hotNewsList,.leftNav,.newItemList,.reSetPsdBoard,.searchBoard,.tagsList {
	margin-bottom: 30px;
}

.friendLink ul li,.pagenation ul li,.tagsList ul li {
	margin: 0 5px;
	display: inline-block;
}

.leftNav>ul>li>a {
	font-weight: 700;
}

.leftNav .sonNav {
	padding-left: 10px;
}

.pagenation {
	padding: 30px 0;
	background-color: #fff;
}

.pagenation ul li.active {
	font-weight: 700;
}

.pagenation ul li.active a {
	color: #e60012;
}

.friendLink ul li,.tagsList ul li {
	line-height: 30px;
}

.page-500 .number {
	float: left;
	font-size: 100px;
}

.page-500 .details {
	margin-left: 190px;
}

.msgBoard .giveMsg h3 {
	border-bottom: 1px solid #ddd;
	color: #6e7173;
	font-size: 16px;
	line-height: 2.7;
	margin-top: 0;
}

.msgBoard .txt-area {
	margin-top: 25px;
}

.msgBoard .sent-btn {
	display: block;
	margin-top: 15px;
}

.msgBoard .msgList {
	padding: 20px 0;
	border-top: 1px dotted #ddd;
}

.msgBoard .msgList h3 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px;
}

.msgBoard .msgList .media-logo img {
	border-radius: 50%;
}

.msgBoard .msgList h3 .uName {
	color: #0da3e2;
}

.conformBoard h3,.loginBoard h3,.noticeBoard h3,.reSetPsdBoard h3,.regBoard h3 {
	color: #6e7173;
	font-size: 16px;
}

.setPsd,.uInfos {
	margin-top: 30px;
	width: 80%;
}

.searchBoard .search-input {
	width: 100%;
}

.replyList li blockquote,.replyList li h4 {
	font-size: 13px;
	font-weight: 400;
}

.reCommendList dl dd {
	margin-top: 10px;
}

.reCommendList dl dd a {
	line-height: 25px;
}

.back-to-top {
	background-color: #fff;
	position: fixed;
	right: 30px;
	bottom: 150px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
}

.back-to-top i {
	color: #e60012;
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}

.span-mark {
	background-color: #d9534f;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 9px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 5px;
}

.span-mark::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #d41b1b transparent transparent;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	bottom: -10px;
	clip: rect(10px,20px,20px,0);
	content: "";
	display: inline-block;
	left: -10px;
	position: absolute;
	z-index: 0;
}

.notifyList .toolbar {
	height: 35px;
	line-height: 35px;
	background: #eee;
	padding: 0 10px;
}

.notifyList .datalist {
	padding: 0 10px;
	margin-top: 10px;
}

.notifyList .mini {
	margin-top: 12px;
	float: left;
}

.notifyList ul {
	padding: 15px;
}

.notifyList ul li {
	border-bottom: 1px dashed #f0f0f0;
	line-height: 35px;
	font-weight: 400;
}

.notifyList ul li .title {
	cursor: pointer;
	display: inline-block;
	width: 95%;
}

.notifyList ul li.noRead {
	font-weight: 700;
}

.notifyList ul li.noRead i {
	color: #0da3e2;
	font-weight: 700;
}

.notifyList ul li.noRead a:link {
	color: #000;
}

.notifyList ul li span.more {
	font-weight: 400;
	padding: 0 22px;
	display: none;
}

.bottom-ads {
	display: none;
}

#qrcode-wrap {
	display: none;
	position: relative;
	right: -80px;
	top: 0px;
	width: 180px;
	height: 220px;
	background-color: white;
}

#qrcode{
		width: 130px; 
		height: 130px; 
		background-size: 100% 100%;
	}



#footer {
	min-width: 1199px;
	font-size: 16px;
	padding: 17px 11px;
	background: #0354a3;
	margin-top: 15px;
	color: #fff;
	line-height: 22px;
}

#footer .footer-logo {
	margin-bottom: 50px;
}

#footer .footer-logo #footerTop {
	font-size: 16px;
	border: 1px solid #efefef;
	padding: 5px;
	line-height: 24px;
	margin: 12px 0 0 15px;
	cursor: pointer;
}

#footer .footer-about {
	display: flex;
}

#footer .footer-about .footer-statement {
	width: 384px;
	margin-right: 24px;
}

#footer .footer-about .footer-statement .statement-born {
	margin-top: 48px;
}

#footer .footer-contact {
	text-align: center;
	line-height: 24px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#footer .footer-contact p {
	margin: 0;
}

#footer .footer-contact .pl {
	margin-top: 10px;
}

#footer .footer-contact .line,#footer .line {
	margin: 10px 0;
}

#footer .line {
	height: 1px;
	border: 1px solid #979797;
}

.pannel-box {
	padding-left: 10px;
}

.hot-content-list .content-list ul li .con a:link,.hot-content-list .content-list ul li .con a:visited {
	color: #666;
}

.hot-content-list .content-list {
	text-align: left;
	box-shadow: 0 1px 0 0 #E5E5E5;
}

.hot-content-list .content-list .pannel-title {
	line-height: 23px;
	padding: 10px 14px;
	font-size: 18px;
	background-color: #fff;
	height: 45px;
	font-weight: 400;
	border-bottom: 1px solid #e5e5e5;
}

.hot-content-list .content-list .qr-list {
	margin-top: 20px;
}

.hot-content-list .content-list .qr-list li {
	margin-bottom: 20px;
}

.hot-content-list .content-list .ul-list {
	background-color: #fff;
	padding: 0 14px;
}

.hot-content-list .content-list .ul-list li {
	font-size: 15px;
	padding: 13px 0;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
}

.hot-content-list .content-list .ul-list li .triangle {
	position: absolute;
	top: .5rem;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff #fff #fff #ccc;
	-webkit-transform-origin: 25% center;
	transform-origin: 25% center;
	border-width: 4px;
}

.hot-content-list .content-list .ul-list li .num {
	font-weight: 700;
	display: inline-block;
	background-color: #e70012;
	color: #fff;
	width: 30px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30px;
	-ms-flex: 0 0 30px;
	flex: 0 0 30px;
	height: 30px;
	font-style: italic;
	margin-right: 8px;
	text-align: center;
}

.hot-content-list .content-list .ul-list li .title {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	color: #333;
	font-size: 16px;
	font-weight: 400;
}

.rec-content-list .content-list .list-img {
	display: block;
	overflow: hidden;
	min-height: 10rem;
}

.rec-content-list .content-list .list-img img {
	width: 100%;
	height: 8rem;
	border-radius: 2px;
}

.rec-content-list .content-list .list-img .title {
	font-size: 13px;
	word-break: break-all;
	line-height: 16px;
	display: inline-block;
	height: 45px;
	vertical-align: text-top;
}

.recent-content-list .content-list .list-img {
	padding: 5px 15px;
}

.recent-content-list .content-list .list-img img {
	width: 100%;
	height: 7rem;
	border-radius: 2px;
}

.recent-content-list .content-list .list-img .col-md-7 {
	padding-left: 0;
}

.recent-content-list .content-list .list-img .date {
	color: #999;
	font-size: 13px;
	display: block;
}

.content-message-list ul li {
	border-top: 1px solid #efefef;
	padding: 24px 0;
	font-size: 14px;
}

.content-message-list ul li .col-md-1,.content-message-list ul li .col-xs-1 {
	padding: 0;
}

.content-message-list ul li .user-logo img {
	width: 100%;
	min-height: 2rem;
	border-radius: 50%;
}

.content-message-list ul li .user-name {
	margin: 0 0 0 15px;
	color: #e60012;
}

.content-message-list ul li .user-name .name {
	display: inline-block;
	margin-right: 10px;
}

.content-message-list ul li .user-name .time {
	font-size: 11px;
	display: inline-block;
	color: #777;
}

.content-message-list ul li .user-name .reply {
	font-size: 12px;
	display: none;
}

.content-message-list ul li .user-name .reply a:link,.content-message-list ul li .user-name .reply a:visited {
	color: #aaa;
}

.content-message-list ul li .content-message-post {
	margin-top: 20px;
	padding: 15px;
}

.content-message-list ul li .content-message-post h2 small {
	display: inline-block;
}

.content-message-list ul li .msgList.active .reply {
	display: block;
}

.content-message-list ul li .user-content {
	position: relative;
	color: #666;
	padding-left: 15px;
	word-break: break-all;
}

.catesMenu .cate-list li.active a:link,.catesMenu .cate-list li.active a:visited,.content-message-post h2 small a:link,.content-message-post h2 small a:visited {
	color: #e60012;
}

.content-message-post {
	margin-bottom: 30px;
}

.content-message-post h2 small {
	display: none;
	margin-left: 10px;
}

.content-message-post .give-message textarea.form-control {
	border-color: #efefef #efefef #f5f5f5!important;
	border-width: 1px!important;
	background: #fff!important;
	border-radius: 0;
}

.content-message-post .give-message .form-control:focus {
	box-shadow: none;
}

.content-message-post .give-message .send-button {
	padding: 5px 15px;
	text-align: right;
	background: #fbfbfb;
	border: 1px solid #efefef;
	border-top: 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	overflow: hidden;
	line-height: 38px;
}

.content-message-post .give-message .user-notice {
	float: left;
	font-size: 13px;
}

.catesMenu .parent-name {
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	margin-top: 15px;
}

.catesMenu .cate-list {
	padding-left: 40px;
}

.catesMenu .cate-list li {
	font-weight: 400;
	height: 30px;
	line-height: 30px;
}

.catesMenu .cate-list li.active {
	font-weight: 700;
}

.content-message-list,.content-message-post,.random-content-list {
	padding: 0;
}

.random-articls {
	margin-top: 10px;
	margin-bottom: 25px;
}

.random-articls .title {
	font-size: 14px;
	display: block;
	text-align: left;
	padding: 0;
	min-height: 52px;
	line-height: 20px;
	word-wrap: break-word;
	margin-top: 10px;
}

.random-articls .contentImg img {
	height: 12rem;
	width: 100%;
}

.user-left-menu {
	padding-top: 50px;
	padding-right: 15px;
}

.user-left-menu .user-logo .logo {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.user-left-menu .user-logo .logo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.user-left-menu .user-logo span {
	font-weight: 700;
	display: block;
	text-align: center;
	margin: 10px auto;
}

.user-left-menu .user-menu-options li {
	position: relative;
	margin-bottom: 1px;
	background: #eee;
	cursor: pointer;
}

.user-left-menu .user-menu-options li a:hover {
	color: #444;
	background: #ddd;
}

.user-left-menu .user-menu-options li a {
	color: #999;
	padding: 4px 0;
	font-size: 14px;
	line-height: 30px;
	display: block;
}

.user-left-menu .user-menu-options li a i {
	padding: 0 15px;
	font-size: 20px;
	line-height: 30px;
}

.user-left-menu .user-menu-options li a span.fa {
	font-size: 20px;
	padding: 0 15px;
	line-height: 30px;
	border-right: 1px solid #ccc;
}

.user-left-menu .user-menu-options li a span.label {
	font-size: 14px;
	color: #555;
	padding-left: 15px;
}

.user-left-menu .user-menu-options li a .fa-angle-right {
	right: 0;
	top: 6px;
	font-size: 26px;
	position: absolute;
	opacity: .6;
}

.user-left-menu .user-menu-options li.active span.fa {
	color: #e60012;
}

.search-pannel {
	width: 30%;
	display: inline-block;
	padding-top: 16px;
	text-align: right;
	margin-right: 10px;
}

.search-pannel .input-area {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 30px;
	background: #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	box-sizing: border-box;
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.search-pannel .input-area input {
	border: none;
	width: 0;
	padding: 0;
	float: right;
}

.search-pannel .input-area i {
	display: inline-block;
	cursor: pointer;
	font-weight: 700px;
	color: #ccc;
	position: absolute;
	top: 5px;
	right: 14px;
	font-size: 20px;
}

.search-pannel .input-area.active input {
	width: 155px;
	padding: 0 10px;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.rec-message-list .message-list {
	border-top: 1px solid #efefef;
	font-size: 14px;
	color: #999;
	padding: 16px 0;
}

.rec-message-list .message-list .comment-info .logo {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.rec-message-list .message-list .comment-info .logo img {
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
}

.rec-message-list .message-list .comment-info .uname {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.rec-message-list .message-list .comment-info span {
	float: right;
}

.rec-message-list .message-list .comment-excerpt {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #f5f5f5;
	border-radius: 1px;
	color: #666;
}

.rec-message-list .message-list .comment-excerpt p {
	margin: 0;
	padding: 0 10px;
}

.rec-message-list .message-list .comment-post {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

.loading-more {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	background: #F5F5F5;
	color: #aaa;
}

.loading-more:hover {
	background: #fff;
}

.gap-img-ads ul li {
	margin: 40px 0;
}

.gap-img-ads ul li a {
	height: 45px;
	display: block;
}

.gap-img-ads ul li a img {
	width: 100%;
	height: auto;
}

.gap-img-ads ul li span {
	font-size: 11px;
	text-align: center;
	color: #aaa;
	display: block;
	line-height: 36px;
}

.email-user-info {
	background-color: #fff;
	padding: 15px 0;
}

.email-user-info .form-horizontal h3 {
	margin-bottom: 20px;
}

.email-user-info .form-horizontal h3 small {
	font-size: 13px;
	margin-left: 10px;
}

.email-user-info .form-horizontal textarea {
	height: 200px;
}

@media (min-width: 992px) {
	.weChatIcon:hover > #qrcode-wrap {
	display: block;
	position: relative;
	right: -80px;
	top: 0px;
	width: 180px;
	height: 220px;
	background-color: white;
}

.weChatIcon {
	width: 80px;
	height: 80px;
	background-color: #fff;
	position: fixed;
	left: 30px;
	bottom: 250px;
	background: url('https://xxcb-f.chenshipin.com/saas/90009/image/202404/661e3275f2680.png?imageMogr2/thumbnail/320x/quality/80') no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
}

.weChatIcon:hover {
	width: 80px;
	height: 80px;
	background-color: #red;
	position: fixed;
	left: 30px;
	bottom: 250px;
	background: url('https://xxcb-f.chenshipin.com/saas/90009/image/202404/661e32780132b.png?imageMogr2/thumbnail/320x/quality/80') no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
}
}

@media (max-width: 992px) {
     html{
        font-size: 26px !important;
    }
	.mainbody .main-container .articel-details .articel-main .post-title {
		font-size: 70px !important;
	}
	#qrcode-wrap {
	display: none;
	position: relative;
	right: -240px;
	top: -220px;
	width: 540px;
	height: 660px;
	background-color: white;
	}
	.info {
	width: 100%;
	height: 224px;
	position: absolute;
	top: 840px;
	font-size:44px;
	font-weight: 600;
	text-align: center;
}
	#qrcode{
		width: 780px; 
		height: 780px; 
		left: 50px;
		background-size: 100% 100%;
	}
.weChatIcon {
		width: 160px;
		height: 160px;
		background-color: #fff;
		position: fixed;
		left: -200px;
		bottom: 500px;
		background: url('https://xxcb-f.chenshipin.com/saas/90009/image/202404/661e3275f2680.png?imageMogr2/thumbnail/320x/quality/80') no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
		-webkit-transition: .3s;
		transition: .3s;
		box-shadow: 0 0 6px rgba(0,0,0,.12);
	}
	.active > #qrcode-wrap {
	display: block;
	position: relative;
	right: -160px;
	top: -1240px;
	width: 880px;
	height: 1060px;
	box-shadow: 0 0 6px rgba(0,0,0,.12);
	background-color: white;
}


	.active {
		width: 160px;
		height: 160px;
		/* background-color: #red; */
		position: fixed;
		left: 10px;
		bottom: 500px;
		background: url('https://xxcb-f.chenshipin.com/saas/90009/image/202404/661e32780132b.png?imageMogr2/thumbnail/320x/quality/80') no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
		-webkit-transition: .3s;
		transition: .3s;
		box-shadow: 0 0 6px rgba(0,0,0,.12);
	}
	#arrow{
		height:80px;
		width: auto;
		position: fixed;
		left: 10px;
		bottom: 540px;
		transition: .3s;
	}

	.active > #arrow{
		display: none;
		transition: .3s;
	}

	.qrBox{
		position: fixed;
		left: 10px;
		bottom: 500px;
	}
}

@media screen and (max-width:1920px) {
	.header-main {
		width: 1199px;
		margin: 0 auto;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.header-top {
		height: 0;
	}

	.load-more {
		min-width: 1199px;
		color: #e60012;
		font-size: 18px;
		line-height: 70px;
		cursor: pointer;
		text-align: center;
	}

	.mainbody {
		width: 1199px;
		margin: 85px auto 0;
	}

	.header-box .home-menu {
		background-color: #fff;
	}

	.header-box .home-menu .home-menu-item {
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		float: left;
		height: 97px;
		line-height: 97px;
		padding-left: 38px;
	}

	.header-box .home-menu .home-menu-item a,.header-box .home-menu .home-menu-item span {
		cursor: pointer;
		color: #333;
	}

	.header-box .home-menu .home-menu-item a:hover,.header-box .home-menu .home-menu-item span:hover {
		font-weight: 700;
	}

	.header-box.scroll .home-menu-item,.header-box.scroll .site-name {
		height: 67px;
		line-height: 67px;
	}
}

@media screen and (max-width:5000px) {
	.header-box .header-menu-box {
		background-color: #fff;
	}

	.header-box .header-menu-box .header-menu {
		width: 1199px;
		margin: 0 auto;
		overflow: auto;
	}

	.header-box .home-menu .home-menu-item {
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.header-box.scroll .site-name {
		height: 70px;
		line-height: 70px;
	}

	.header-box.scroll .home-menu .home-menu-item,.header-box.scroll .home-menu .site-name {
		height: 67px;
		line-height: 67px;
	}

	.header-main {
		width: 1199px;
		margin: 0 auto;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.load-more {
		color: #e60012;
		font-size: 18px;
		line-height: 70px;
		text-align: center;
		cursor: pointer;
	}

	.mainbody {
		width: 1199px;
		background: #f0f0f0;
		margin: 100px auto 0;
		padding-top: 5px;
	}

	.header-box .home-menu {
		background-color: #fff;
	}

	.header-box .home-menu .home-menu-item {
		float: left;
		height: 97px;
		line-height: 97px;
		padding-left: 38px;
	}

	.header-box .home-menu .home-menu-item a,.header-box .home-menu .home-menu-item span {
		color: #333;
		cursor: pointer;
	}

	.header-box .home-menu .home-menu-item a:hover,.header-box .home-menu .home-menu-item span:hover {
		font-weight: 700;
	}
}